.btn {
  border-radius: 3px;
  background-color: rgba(0,120,90, .2);
  color: #333;
  font-size: 0.9em;
  font-weight: 500;
  height: 30px;
  cursor: pointer;
  .delete-icon {
    color: var(--BTN_PRIMARY_BG);
  }
}
.line {
  height: 20px;
  width: 1px;
  display: block;
  background: var(--BORDER);
}
.icon {
  -webkit-app-region: no-drag;
  width: 30px;
  height: 30px;
  font-size: 1.5em;
  color: rgba(0,0,0,0.5);
  cursor: pointer;
  border-radius: 3px;
  transition: all .4s ease;
  &:hover {
    background-color: rgba(0,0,0,0.05);
  }
}
 .iconfont{
  -webkit-app-region: no-drag;
}
.eo_navbar {
  -webkit-app-region: drag;
  position: sticky;
  width: 100%;
  z-index: 11;
  left: 0;
  top: 0;
  padding: 0 8px;
  border-bottom: 1px solid var(--BORDER);
  height: var(--NAVBAR_HEIGHT);
  .logo {
    width: 90px;
  }
  .tips_wrap {
    position: relative;

    &:hover {
      .trigger_item {
        display: inline-flex;
      }
    }
  }
}

.can_be_click {
  -webkit-app-region: no-drag;
}
.switch-data-source-box {
  width: 200px;
  display: grid;
  padding: 10px 14px;
  grid-template-columns: 34px auto;
  background-color: white;
  .title {
    margin-bottom: 0;
    color: black;
    font-weight: 700;
  }
  .desc {
    margin-bottom: 4px;
    font-size: 12px;
  }
}
.btn_scondary{
  color:var(--BTN_PRIMARY_BG);
  border-color:var(--BTN_PRIMARY_BG);
}

